﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Alerta.aspx.cs" Inherits="Modulos_SEA_Alerta" %>

<asp:Content ID="Content1" ContentPlaceHolderID="cphAYNI" runat="Server">

    <script type="text/javascript">

        function Validar() {
            var cantidad = $('#txtNombre').val().length;
            if (cantidad > 0 && cantidad < 3) {
                $('#txtNombre').removeClass("txt-box-campos").addClass("txt-box-campos-oblig-cb");
                $("#dvAlerta2").html('La cantidad minima de caracteres es: 3');
                $("#dvAlerta2").css("display", "block");
                $("#fijo").css("height", "50px");
                return false;
            } else {
                $('#txtNombre').removeClass("txt-box-campos-oblig-cb").addClass("txt-box-campos");
                $("#dvAlerta2").css("display", "none");
                $("#fijo").css("height", "50px");
                return true;
            }
        }

        function ModificarAlerta(codigo) {
            $.colorbox({
                width: "720", height: "650", iframe: true, href: 'RegistrarAlerta.aspx?codigo=' + codigo
            });
        }

        function Eliminar() {
            $("#colorbox, #cboxOverlay").appendTo('form:first');
            AbrirModal('330', '210', true, false, '#yesno', false);
            $('#yesno').css("display", "block");
            return false;
        }
    </script>
    <asp:ScriptManager ID="script" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel ID="upFormulario" runat="server">
        <ContentTemplate>
            <div class="titulo-int">Búsqueda de Alerta</div>
            <div class="div-box-gris">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="120" class="txt-campos-int">Nombre</td>
                        <td align="left">
                            <input name="txtNombre" type="text" clientidmode="Static" runat="server" class="txt-box-campos" id="txtNombre" style="width: 165px;" onkeypress="return IrEnterBusqueda(event,'txtNumeroPagina','lblTotalPaginas','hdfPaginaActual','btnAyuda')" />
                        </td>
                        <td class="txt-campos-int">Descripción</td>
                        <td align="left">
                            <input name="txtDescripcion" type="text" class="txt-box-campos" runat="server" id="txtDescripcion" style="width: 165px;" onkeypress="return IrEnterBusqueda(event,'txtNumeroPagina','lblTotalPaginas','hdfPaginaActual','btnAyuda')" /></td>
                        <td class="txt-campos-int">Estado</td>
                        <td>
                            <asp:DropDownList runat="server" ID="ddlEstado" class="field_element"></asp:DropDownList>
                        <td>
                            <asp:Button ID="btnBuscar" runat="server" Text="Buscar" CssClass="skip" OnClick="btnBuscar_Click" OnClientClick="return Validar();" /></td>
                    </tr>
                </table>
            </div>
            <div class="btn-acciones">
                <table width="100%" align="left" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="left">
                            <input id="btnNuevo" type="button" class="skip" onclick="AbrirModal('720', '650', false, true, 'RegistrarAlerta.aspx', false)" value="Nuevo" />
                            <asp:Button ID="btnEliminar" runat="server" Text="Eliminar" CssClass="button2" Enabled="false" OnClientClick="Eliminar()" />
                        </td>
                    </tr>
                </table>
            </div>
            <div id="Layer1" class="div-scroll">
                <table width="100%" border="1" cellspacing="0" cellpadding="0" class="grilla">
                    <asp:Repeater ID="rptAlerta" runat="server">
                        <HeaderTemplate>
                            <thead>
                                <tr>
                                    <td class="cab-grilla" style="width: 5%;">&nbsp;</td>
                                    <td class="cab-grilla" style="width: 30%;">Nombre <a href="#">
                                        <img alt="Ordenar" src="../../images/bull-01-a.png" width="9" height="9" /></a></td>
                                    <td class="cab-grilla" style="width: 40%;">Descripción <a href="#">
                                        <img alt="Ordenar" src="../../images/bull-01-a.png" width="9" height="9" /></a></td>
                                    <td class="cab-grilla" style="width: 15%;">Estado <a href="#">
                                        <img alt="Ordenar" src="../../images/bull-01-a.png" width="9" height="9" /></a></td>
                                    <td class="cab-grilla" style="width: 20%;">Acciones</td>
                                </tr>
                            </thead>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tbody>
                                <tr onmouseover="this.style.background='#fbffbf'; this.style.color='#f16e05'" onmouseout="this.style.background='#f4f4f4'; this.style.color='#353535'" <%#Int32.Parse(Eval("RowNumber").ToString())%2==0?"class=\"td-grilla-blanco\"":"class=\"td-grilla-gris\"" %>>
                                    <td style="text-align: center;">
                                        <input type="checkbox" name="chkAlerta" value='<%#Eval("IdAlerta") %>' onclick="ValidarUnSoloCheck(this, 'chkAlerta');" /></td>
                                    <td><%#Eval("Nombre") %></td>
                                    <td><%#Eval("Descripcion") %></td>
                                    <td><%#Eval("Estado") %></td>
                                    <td align="center"><a href="#" onclick="ModificarAlerta('<%#Eval("IdAlerta") %>')">
                                        <img src="../../images/icon-editar.png" style="border-width: 0px; margin-right: 12px;" />
                                    </a>
                                    </td>
                                </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                            </tbody>
                        </FooterTemplate>
                    </asp:Repeater>
                    <tr id="mensajeBusqueda" visible="true" runat="server">
                        <td colspan="5">Para obtener resultados de búsqueda debe ingresar los parámetros de entrada.</td>
                    </tr>
                    <tr id="registros" visible="false" runat="server">
                        <td colspan="5">No se encontraron registros.</td>
                    </tr>
                </table>
            </div>
            <div class="div-paginacion">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="30%" align="left">
                            <table width="35%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td class="txt-paginacion-naranja">Pagina</td>
                                    <td align="center">
                                        <asp:TextBox ID="txtNumeroPagina" runat="server" CssClass="txt-box-campos-paginacion" Style="width: 30px;" ClientIDMode="Static" onkeypress="return IrEnter(event,'txtNumeroPagina','lblTotalPaginas','hdfPaginaActual','btnAyuda')"></asp:TextBox></td>
                                    <td class="txt-paginacion-naranja">de
                                <asp:Label ID="lblTotalPaginas" runat="server" ClientIDMode="Static"></asp:Label></td>
                                </tr>
                            </table>
                        </td>
                        <td align="center">
                            <ul class="tsc_pagination tsc_paginationB tsc_paginationB05">
                                <li>
                                    <asp:HyperLink ID="hlkPrimero" runat="server" ClientIDMode="Static" CssClass="first" onclick="IrBoton('P','hdfPaginaActual','lblTotalPaginas','btnAyuda')" NavigateUrl="javascript:void(0)">Primero</asp:HyperLink>
                                </li>
                                <li>
                                    <asp:HyperLink ID="hlkAnterior" runat="server" ClientIDMode="Static" CssClass="previous" onclick="IrBoton('A','hdfPaginaActual','lblTotalPaginas','btnAyuda')" NavigateUrl="javascript:void(0)">Anterior</asp:HyperLink></li>
                                <asp:Literal ID="litPaginacion" runat="server"></asp:Literal>
                                <li>
                                    <asp:HyperLink ID="hlkSiguiente" runat="server" ClientIDMode="Static" CssClass="next" onclick="IrBoton('S','hdfPaginaActual','lblTotalPaginas','btnAyuda')" NavigateUrl="javascript:void(0)">Siguiente</asp:HyperLink></li>
                                <li>
                                    <asp:HyperLink ID="hlkUltimo" runat="server" ClientIDMode="Static" CssClass="last" onclick="IrBoton('U','hdfPaginaActual','lblTotalPaginas','btnAyuda')" NavigateUrl="javascript:void(0)">Ultimo</asp:HyperLink></li>
                            </ul>
                        </td>
                        <td width="30%" align="right" class="txt-paginacion-naranja">Total de registros:
                    <asp:Label ID="lblTotalRegistros" runat="server" ClientIDMode="Static"></asp:Label></td>
                    </tr>
                </table>
                <asp:HiddenField ID="hdfPaginaActual" runat="server" ClientIDMode="Static" />
                <asp:HiddenField ID="hdfPerfil" runat="server" ClientIDMode="Static" />
                <asp:Button ID="btnAyuda" runat="server" Text="" OnClick="btnAyuda_Click" ClientIDMode="Static" Style="display: none;" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

    <div id="yesno" style="display: none">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td class="titulo-modal">Mensaje del Sistema</td>
            </tr>
        </table>
        <br />
        <table width="100%" align="center" border="0" cellspacing="2" cellpadding="1">
            <tr>
                <td align="center" width="72">
                    <img alt="Interrogación" src="../../images/icon-interrogacion-modal.png" /></td>
                <td class="" align="center" style="padding-left: 6px; padding-right: 6px;">¿Esta seguro que desea eliminar el registro?</td>
            </tr>
        </table>
        <table width="80%" border="0" align="center" cellspacing="0" cellpadding="0">
            <tr>
                <td align="center">
                    <asp:Button ID="btnSi" runat="server" CssClass="skip" Text="Si" OnClick="btnSi_Click" />
                    <input id="btnNo" type="button" class="skip" onclick="window.parent.CerrarModal();" value="No" />
                </td>
            </tr>
        </table>
    </div>

    <div id="confirmacion" style="display: none">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td class="titulo-modal">Mensaje del Sistema</td>
            </tr>
        </table>
        <br />
        <table width="100%" align="center" border="0" cellspacing="2" cellpadding="1">
            <tr>
                <td align="center" width="72">
                    <img alt="confirmacion" src="../../images/icon-valido.png" /></td>
                <td class="" align="center" style="padding-left: 6px; padding-right: 6px;">El registro fue eliminado correctamente.</td>
            </tr>
        </table>
        <table width="80%" border="0" align="center" cellspacing="0" cellpadding="0">
            <tr>
                <td align="center">
                    <input id="btnAceptar" type="button" class="skip" onclick="window.parent.location.CerrarModal();" value="Aceptar" />
                </td>
            </tr>
        </table>
    </div>

    <div id="fijo">
        <div class="alerta2 alerta" style="display: none;" id="dvAlerta2">
        </div>
    </div>
</asp:Content>

